<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户端-任务信息</title>
    <link rel="stylesheet" href="./layui2_9/css/layui.css">
</head>
<body>
<!-- 内容主体区域-->
<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md12">
            <span class="layui-badge-dot"></span> <span
                class="layui-badge-dot layui-bg-orange"></span> <span
                class="layui-badge-dot layui-bg-green"></span> <span
                class="layui-badge-dot layui-bg-cyan"></span> <span
                class="layui-badge-dot layui-bg-blue"></span> <span
                class="layui-badge-dot layui-bg-black"></span> <span
                class="layui-badge-dot layui-bg-gray"></span>
            <fieldset class="layui-elem-field layui-field-title"
                      style="margin-top: 30px;">
                <legend>该任务信息</legend>
            </fieldset>
        </div>
    </div>

    <div class="layui-row">
        <div class="layui-col-md12">
            <fieldset class="layui-elem-field">
                <legend>信息</legend>
                <!--  <div class="layui-field-box">-->
                <table class="layui-table" lay-size="lg" lay-skin="line"
                       style="margin-bottom: 0px;">
                    <colgroup>
                        <col width="150">
                        <col width="200">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>学校</td>
                        <td>南昌大学</td>
                    </tr>
                    <tr>
                        <td>任务标题</td>
                        <td>清理杂草任务</td>
                    </tr>
                    <tr>
                        <td>详细描述</td>
                        <td>清理校园北门杂草任务</td>
                    </tr>
                    <tr>
                        <td>发布者</td>
                        <td>小灰</td>
                    </tr>
                    <tr>
                        <td>奖励</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>发布时间</td>
                        <td>
                            2024-12-18 08:52:52
                        </td>
                    </tr>
                    </tbody>
                </table>
                <!--</div>-->
            </fieldset>

        </div>

        <div class="layui-col-md5">&nbsp;</div>
        <div class="layui-col-md4">
            <a href="taskInfo.html" class="layui-btn layui-btn-normal">接受该任务</a>
            <!--<button class="layui-btn layui-btn-disabled">自己发布的任务</button>-->
            <!--<button class="layui-btn layui-btn-disabled">已被接受</button>-->
        </div>
    </div>
</div>
<script src="./layui2_9/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function () {
        var element = layui.element;
        //监听导航点击
        element.on('nav(test)', function (elem) {
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
</script>
</body>
</html>
